<%--
  Created by IntelliJ IDEA.
  User: wlc
  Date: 2018/4/14
  Time: 15:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="PageFrame.jsp"%>

<title>用户中心</title>
<!-- Page Content -->
<div class="container" id="user-center">
    <div class="user-manager-sidebar">
        <div class="user-manager-sidebar-title">用户中心</div>
        <div class="user-manager-sidebar-list">
            <ul role="tablist">
                <li role="presentation" class="active">
                    <a href="#user-information" aria-controls="user-information" role="tab" data-toggle="tab">基本资料</a>
                </li>
                <li role="presentation">
                    <a href="#change-password" aria-controls="change-password" role="tab" data-toggle="tab">修改密码</a>
                </li>
                <li role="presentation">
                    <a href="#authority-manager" aria-controls="authority-managers" role="tab" data-toggle="tab">权限管理</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="user-manager-content tab-content">
        <div role="tabpanel" class="tab-pane active" id="user-information">
            <div class="user-manager-content-part">
                <h4>基本信息</h4>
                <div class="user-manager-content-row">
                    <label><span style="color: red">*</span>用户名：</label>
                    <span class="user_name"></span>
                </div>
                <div class="user-manager-content-row">
                    <label><span style="color: red">*</span>帐号ID：</label>
                    <span class="user_id"></span>
                </div>
            </div>
            <div class="user-manager-content-part">
                <h4>详细信息</h4>
                <div class="user-manager-content-row">
                    <label for="user-manager-realName"><span style="color: red">*</span>真实姓名：</label>
                    <input type="text" id="user-manager-realName" name="user-manager-realName" value="${user.realname}">
                </div>
                <div class="user-manager-content-row">
                    <label for="user-manager-university"><span style="color: red">*</span>学 校：</label>
                    <input type="text" id="user-manager-university" name="user-manager-university" value="${user.university}" style="margin-left: 22px;">
                </div>
                <div class="user-manager-content-row">
                    <label for="user-manager-department"><span style="color: red">*</span>院 系：</label>
                    <input type="text" id="user-manager-department" name="user-manager-department" value="${user.department}" style="margin-left: 22px;">
                </div>
                <div class="user-manager-content-row">
                    <label for="user-manager-email"><span style="color: red">*</span>邮 箱：</label>
                    <input type="email" id="user-manager-email" name="user-manager-email" value="${user.mail}" style="margin-left: 22px;">
                </div>
            </div>
            <div class="user-manager-content-part">
                <div id="user-manager-save-button" onclick="ChangeUserInfor()">保存</div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="change-password">
            <div class="user-manager-content-part">
                <div class="user-manager-content-row">
                    <label for="user-manager-nowPassword">当前密码：</label>
                    <input type="password" id="user-manager-nowPassword" name="user-manager-nowPassword" value>
                </div>
                <div class="user-manager-content-row">
                    <label for="user-manager-newPassword">新密码：</label>
                    <input type="password" id="user-manager-newPassword" name="user-manager-newPassword" value style="margin-left: 15px;">
                </div>
                <div class="user-manager-content-row">
                    <label for="user-manager-confirPassword">确认密码：</label>
                    <input type="password" id="user-manager-confirPassword" name="user-manager-confirPassword" value>
                </div>
            </div>
            <div class="user-manager-content-part">
                <div id="user-manager-changePassword-button" onclick="ChangeUserPassword()">保存</div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="authority-manager">
            <div class="user-manager-authority-table">
                <div class="table authority-table-head">
                    <table class="table">
                        <thead>
                        <tr>
                            <th style="padding-left: 20px;">权限名称</th>
                            <th>权限类型</th>
                            <th>状态</th>
                            <th>申请</th>
                        </tr>
                        </thead>
                    </table>
                </div>
                <div class="authority-table-body">
                    <table class="table table-hover">
                        <tbody>
                        <tr>
                            <td class="authority-name">计算部分/QM</td>
                            <td class="authority-type">数据权限</td>
                            <td class="authority-status"></td>
                            <td class="authority-application"><a data-toggle="modal" data-target="#authority-application-modal" data-whatever="QM-0">申请</a></td>
                        </tr>
                        <tr>
                            <td class="authority-name">计算部分/MM</td>
                            <td class="authority-type">数据权限</td>
                            <td class="authority-status"></td>
                            <td class="authority-application"><a data-toggle="modal" data-target="#authority-application-modal" data-whatever="MM-1">申请</a></td>
                        </tr>
                        <tr>
                            <td class="authority-name">计算部分/QM&MM</td>
                            <td class="authority-type">数据权限</td>
                            <td class="authority-status"></td>
                            <td class="authority-application"><a data-toggle="modal" data-target="#authority-application-modal" data-whatever="QM&MM-2">申请</a></td>
                        </tr>
                        <tr>
                            <td class="authority-name">实验部分/实验</td>
                            <td class="authority-type">数据权限</td>
                            <td class="authority-status"></td>
                            <td class="authority-application"><a data-toggle="modal" data-target="#authority-application-modal" data-whatever="实验-3">申请</a></td>
                        </tr>
                        <tr>
                            <td class="authority-name">实验部分/临床</td>
                            <td class="authority-type">数据权限</td>
                            <td class="authority-status"></td>
                            <td class="authority-application"><a data-toggle="modal" data-target="#authority-application-modal" data-whatever="临床-4">申请</a></td>
                        </tr>
                        <tr>
                            <td class="authority-name">应用部分/OLED</td>
                            <td class="authority-type">数据权限</td>
                            <td class="authority-status"></td>
                            <td class="authority-application"><a data-toggle="modal" data-target="#authority-application-modal" data-whatever="OLED-5">申请</a></td>
                        </tr>
                        <tr>
                            <td class="authority-name">应用部分/OPV</td>
                            <td class="authority-type">数据权限</td>
                            <td class="authority-status"></td>
                            <td class="authority-application"><a data-toggle="modal" data-target="#authority-application-modal" data-whatever="OPV-6">申请</a></td>
                        </tr>
                        <tr>
                            <td class="authority-name">应用部分/分子筛</td>
                            <td class="authority-type">数据权限</td>
                            <td class="authority-status"></td>
                            <td class="authority-application"><a data-toggle="modal" data-target="#authority-application-modal" data-whatever="分子筛-7">申请</a></td>
                        </tr>
                        <tr>
                            <td class="authority-name">应用部分/开关材料</td>
                            <td class="authority-type">数据权限</td>
                            <td class="authority-status"></td>
                            <td class="authority-application"><a data-toggle="modal" data-target="#authority-application-modal" data-whatever="开关材料-8">申请</a></td>
                        </tr>
                        <tr>
                            <td class="authority-name">应用部分/生物材料与药物</td>
                            <td class="authority-type">数据权限</td>
                            <td class="authority-status"></td>
                            <td class="authority-application"><a data-toggle="modal" data-target="#authority-application-modal" data-whatever="生物材料与药物-9">申请</a></td>
                        </tr>
                        <tr>
                            <td class="authority-name">随访部分/术后随访</td>
                            <td class="authority-type">数据权限</td>
                            <td class="authority-status"></td>
                            <td class="authority-application"><a data-toggle="modal" data-target="#authority-application-modal" data-whatever="术后随访-10">申请</a></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /Page Content -->
<!-- modal -->
<div class="modal fade" id="authority-application-modal" tabindex="-1" role="dialog" aria-labelledby="authority-modal-head">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="authority-modal-head">权限申请</h4>
            </div>
            <div class="modal-body" id="authority-modal-body">
                <div class="row">
                    <span class="col-md-6 authority-label">数据查找：</span>
                    <div class="authority-input col-md-6" id="modal-r"></div>
                </div>
                <div class="row">
                    <span class="col-md-6 authority-label">数据导入：</span>
                    <div class="authority-input col-md-6" id="modal-w"></div>
                </div>
                <div class="row">
                    <span class="col-md-6 authority-label">数据修改：</span>
                    <div class="authority-input col-md-6" id="modal-m"></div>
                </div>
                <div class="row">
                    <span class="col-md-6 authority-label">数据删除：</span>
                    <div class="authority-input col-md-6" id="modal-d"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="dataAuthoritySubmit()">提交</button>
            </div>
        </div>
    </div>
</div>
<!-- /modal -->
<!-- js-->
<script src="../js/user-center.js" type="text/javascript"></script>
<!-- /js-->
